$(function(){

	list.init();
	
	pope.init([$('#headpic'),$('#shelf')]);

	modal.action();

	infoarea.init();

});


/*list的js*/
var list={
	init:function(){
		var listitem=$(".mylist").children('.listitem');
		listitem.first().children('.listline').hide();
		listitem.first().children('.listinfo').show();
		listitem.mouseover(function(event) {
			var t=$(this);
			listitem.children('.listline').show();
			listitem.children('.listinfo').hide();
			t.children('.listinfo').show();
			t.children('.listline').hide();
		});
	}
}

var infoarea={
	init:function(){
		var content=$('.mulu-content');
		//收藏按钮的js
		var $storebtn=$('.storebtn');
		var storepre='<span class="glyphicon glyphicon-star-empty"></span>&nbsp;&nbsp;收藏';
		var storepost='<span class="glyphicon glyphicon-star-empty"></span>&nbsp;&nbsp;已收藏';
		$storebtn.click(function(){
			$.ajax({
				url: '/reader/store',
				type: 'POST',
				dataType: 'json',
				data: {
					_method:$storebtn.hasClass('checked')?'DELETE':'POST',
					ctId:$storebtn.data('id')
				}
			})
			.done(function(d) {
				if(d.code==200){
					if($storebtn.hasClass('checked')){
						$storebtn.html(storepre);
						$storebtn.removeClass('checked')
					}else{
						$storebtn.html(storepost);
						$storebtn.addClass('checked')
					}
					pope.storelist()
				}else if(d.code==404){
					$('#mymodal').modal('show')
				}
				
			})
			.fail(function() {
				console.log("error");
			})
		});

		var $sortbtn=$('.sortbtn');
		var sortpre='<span class="glyphicon glyphicon-sort-by-attributes"></span>&nbsp;&nbsp;正序';
		var sortpost='<span class="glyphicon glyphicon-sort-by-attributes-alt"></span>&nbsp;&nbsp;倒序';
		this.togglebtn($sortbtn,sortpre,sortpost,function(){
			var $sortitem=$(".muluitem");
			for (var i = $sortitem.length - 1; i >= 0; i--) {
				$(".mulu-content").append($sortitem[i]);
			}
			
		});

		var $showmulubtn=$('.showmulubtn');
		if(content.css('height')>="210px"){
			var showmulupre='点击展开更多目录&nbsp;&nbsp;<span class="glyphicon glyphicon-chevron-down"></span>';
			var showmulupost='点击收起目录&nbsp;&nbsp;<span class="glyphicon glyphicon-chevron-up"></span>';
			this.togglebtn($showmulubtn,showmulupre,showmulupost,null,function(flag){
					if(flag=="false"){
						content.css('height','100%');
					}else if(flag=="true"){
						content.css('height','210px');
					}
				});
		}else{
			$showmulubtn.hide();
		}
		

	},
	togglebtn:function(btn,pre,post,callback){
		btn.click(function(){
			var t=$(this);
			var flag=t.attr('data-pressed');
			if(flag=="true"){
				t.attr('data-pressed','false');
				t.html(pre);
			}else if(flag=="false"){
				t.attr('data-pressed','true');
				t.html(post);
			}
			if(callback!=null)
			callback(flag);
		});
	}
}
